﻿/*

            This file is part of the mojomo modular front end design framework for mojoPortal CMS; 
            find more at mojomo.co.uk or mojomo.codeplex.com	

Name:       gallery.css

Author:     freshangle.co.uk

Version:    1.0

Purpose:    This css file addressses the mojo image and folder galleries and their feature 
            administration pages and gives them some default responsive styling.
            
              

*/




/*   set up the containers for mojo image and folder galleries */


        .mojogallery, 
        .album     
        {background-color: #F2F5FA;float: left;  border: 1px solid #ccc; width: 100%;  }
        
        .mojogallery { padding:  0 0 2.25em 0; }
        .album { padding:  0  0 0.75em 0; }
        
        .ie7 .mojogallery,
        .ie6 .mojogallery { padding:  0.75em 0 1.5em 0; }
        
        

/*  mojo image galleries */

         div.divgalleryimage { height: 0 }
        .mojogallery  li { list-style: none; float:left }
        
        
        
 /*the images...*/       
 
 
        .mojogallery a
        
        {
	        display:inline-block;
	        float:left;
	        vertical-align: top;
	        margin:  0.75em 0.75em  0 0.25em  ;
	        padding: 0.25em;
            
           /*cross browser height fix...*/
            min-height:5.5em;
	        height:auto !important;
	        height:5.5em;
             
	        border: 1px solid #ccc;
            background-color: #fff;
            
            /*box-shadow:         -2px     3px    3px             #ccc;
            -moz-box-shadow:    -2px     3px    3px             #ccc;
            -webkit-box-shadow: -2px     3px    3px             #ccc;*/ 
                  
            border-radius: 3px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;  
            
	        position:relative;
            behavior: url(PIE.htc);

        }
        
        .ie7 #ctl00_mainContent_ctl00_upGallery  { margin-bottom: -1.5em; }
        .ie6 #ctl00_mainContent_ctl00_upGallery  { margin-bottom: -6em; }
        
        
/*the edit links...*/  
              
        .txtmed  a
        {
	          box-shadow:none !important;
	          width:auto !important;
	          border-radius:none !important;
	          border: none;
	          width: 1em;
	         /*cross browser height fix...*/
              min-height:1em;
              height:auto !important;
              height:1em;
	          background-color: #fff;
	          margin-left:-2.5em;
	          margin-top: 1em;
        }



        #cboxLoadedContent img {padding:2.9em 0 0.5em 0 }
        
        
        
        
        
/*   mojo folder galleries */



/*the images...*/

        
        div.albumFloat {  float: left;  }
        .albumFloat a  {
            
	        float: left;
	        display:inline-block;	     
	        vertical-align: top;
	    
	        margin:   0 0 0 1.5em;
	        padding: 0.25em;
	    
            border: 1px solid #ccc;
            background-color: #fff;
            
            /*box-shadow:         -2px     3px    3px             #ccc;
            -moz-box-shadow:    -2px     3px    3px             #ccc;
            -webkit-box-shadow: -2px     3px    3px             #ccc;*/ 
                  
            border-radius: 3px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;          

            
	        position:relative;
            behavior: url(PIE.htc);

        }
        

        .ie7 .album, .ie6 .album  { padding-bottom: 1.5em; }
        .ie7 .albumFloat a, .ie6 .albumFloat a { margin-top: 1.5em;  }
        
        
        
  /*feature...*/      
  
  
  
        /*hide the image name*/
        .album span { display: none }

        div.album { width: 100% }
        div.album table { width: 100%; }        
        div.album table tr	{border-bottom:none}
        div.album table img { width: 100% }

        .albumDetailsLink { margin: 0.75em 0.75em 0.75em 2.25em; font-weight: 700 }



/* feature administration pages  */	
	

    /*folder image gallery admin...*/
	 fieldset.foldergallery {margin-bottom: 1.5em }
	.foldergallery .settingrow  {margin: 0.75em 0}

    /* image gallery admin...*/   
    .galleryedit textarea {margin-bottom: 1.5em }
    .galleryedit .settingrow  {margin: 0.75em 0}
    .galleryedit #cke_ctl00_mainContent_edDescriptioninnerEditor {  margin-top: -1.5em }
    .galleryedit .widetextbox, .galleryedit .smalltextbox   { max-width:98% }
    #ctl00_mainContent_imgThumb {margin-top: 1.5em;margin-bottom: 0; }        
	
    /* bulk upload...*/
    #NeatUploadDiv_ctl00_mainContent_multiFile 
    {z-index: 200; width: 150px !important ; border: 1px solid #ccc; background-color: #F2F5FA; padding-left: 0.25em }
    #ctl00_mainContent_btnAddFile { cursor: none !important; border: none !important }
    #ctl00_mainContent_btnUpload { margin: -7.5em 0 0 12.5em }